<template>
  <view class="base-page">
    <view class="booking">
      <view class="list">
        <view class="list-item" @click="goVisit">
          <image :src="book" alt="" mode="widthFix"/>
        </view>
        <view class="list-item" @click="goActivity">
          <image :src="activity" alt="" mode="widthFix"/>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
	import http from '@/utils/request.js'
export default {
  name: 'booking',
  data() {
    return {
		book : http.common.baseUri+'/uploads/booking.png',
		activity:http.common.baseUri+'/uploads/huodong.png',
	};
  },
  methods: {
    goVisit() {
      uni.navigateTo({url: '/pages/booking/visit'})
    },
    goActivity() {
      uni.navigateTo({url: '/pages/booking/activity'})
    }
  }
}
</script>

<style lang="scss" scoped>
.booking {
  width: calc(100% - 60rpx);
  padding: 0 30rpx;

  .list {
    width: 100%;

    &-item {
      width: 100%;
      height: 322rpx;
      border-radius: 10rpx;
      overflow: hidden;
      margin-bottom: 28rpx;

      image {
        width: 100%;
        height: 100%;
      }
    }
  }
}
</style>
